<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<title>Layabox-首页</title>

	<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />

	<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
	<link rel="stylesheet" type="text/css" href="css/index.css" />
</head>

<body>
	<div class="container-fluid web">
		<div class="row">
			<nav class="navbar navbar-default navbar-static-top header_nav">
				<div class="container">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
							data-target="#navbar" aria-expanded="false" aria-controls="navbar">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
						<a class="navbar-brand img_box" href="#">
							<img src="img/logo.png" />
						</a>
					</div>
					<div id="navbar" class="navbar-collapse collapse">
						<ul class="nav navbar-nav">
							<li class="active">
								<a href="/index.html">首页</a>
							</li>
							<li>
								<a href="#">Laya家族</a>
							</li>
							<li>
								<a href="./game.html">游戏</a>
							</li>
							<li>
								<a href="./dynamic.html">新闻动态</a>
							</li>
							<li>
								<a href="#">开发者中心</a>
							</li>
							<li>
								<a href="#">开发者社区</a>
							</li>
							<li>
								<a href="#">开放平台</a>
							</li>
							<li>
								<a href="./about.html">关于我们</a>
							</li>
						</ul>
						<ul class="nav navbar-nav navbar-right">
							<li class="dropdown">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
									aria-haspopup="true" aria-expanded="false">Language<span class="caret"></span></a>
								<ul class="dropdown-menu">
									<li>
										<a href="#">中文</a>
									</li>
									<li>
										<a href="#">English</a>
									</li>
								</ul>
							</li>
						</ul>
					</div>
					<!--/.nav-collapse -->
				</div>
			</nav>
		</div>


		<div class="row">
			<div id="myCarousel" class="carousel slide" data-ride="carousel">
				<div class="carousel-inner" role="listbox">
					<div class="item active">
						<img width="100%" class="first-slide" src="img/kv.jpg " alt="First slide">
					</div>
					<div class="item">
						<img width="100%" class="second-slide" src="img/kv.jpg" alt="Second slide">
					</div>
					<div class="item">
						<img width="100%" class="third-slide" src="img/kv.jpg" alt="Third slide">
					</div>
				</div>
			</div>
		</div>
		<div class="row engine_box">
			<div class="col-md-8 col-md-push-2 engine_bg_box">
			<img src="./img/phone.jpg" align="right" alt="">
				<div class="row">
					<div class="col-md-8 engine_content_box">
						<h1>LayaFlash 引擎</h1>
						<h2>让Flash技术变成开发HTML5产品的利器</h2>
						<div class="engine_text_box">
							<div class="col">
								<div class="item"><img align="left" src="./img/c2.png" alt="" ailgn="left"></div>
								<div>
									<h4>快速Flash产品转换</h4>
									<span>测试段落测试段落测试段落测试段落测试段落测试段落</span>
								</div>

								<div class="item"><img align="left" src="./img/c3.png" alt="" ailgn="left"></div>
								<div>
									<h4>LayaFlash IDE</h4>
									<span>测试段落测试段落测试段落测试段落测试段落测试段落</span>
								</div>
							</div>
							<div class="col">
								<div class="item"><img align="left" src="./img/c4.png" alt="" ailgn="left"></div>
								<div>
									<h4>HTML5零学习成本</h4>
									<span>测试段落测试段落测试段落测试段落测试段落测试段落</span>
								</div>

								<div class="item"><img align="left" src="./img/c5.png" alt="" ailgn="left"></div>
								<div>
									<h4>性能媲美APP</h4>
									<span>测试段落测试段落测试段落测试段落测试段落测试段落</span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="row banner_box">
			<div class="col-md-8 col-md-push-2 engine_bg_banner">
					<img src="./img/c7.png" align="left" style="margin-top: 190px;" alt="">
				<div class="row">
					<div class="col-md-8 engine_content_banner">
						<h2>Layabox 优势</h2>
						<div class="engine_text">
							<div class="engine_text_list">
								<div class="col">
									<div style="margin-bottom: 20px;" class="item"><img align="left" src="./img/c8.png"
											alt="" ailgn="left"></div>
									<div style="line-height: 50px;">快速上手，Flash程序员3小时掌握HTML5开发</div>

								</div>
								<div class="col">
									<div class="item"><img align="left" src="./img/c9.png" alt="" ailgn="left"></div>
									<div style="line-height: 50px;">4年优化打磨，LayaPlayer运行器性能媲美APP</div>

								</div>
								<div class="col">
									<div class="item"><img align="left" src="./img/c10.png" alt="" ailgn="left"></div>
									<div style="line-height: 50px;">超5亿的LayaPlayer移动设备安装量帮助CP发行</div>

								</div>
								<div class="col">
									<div class="item"><img align="left" src="./img/c11.png" alt="" ailgn="left"></div>
									<div style="line-height: 50px;">使用LayaFlash开发大型HTML5游戏的企业超100家</span>

									</div>
								</div>
							</div>

						</div>
					</div>
				</div>
			</div>
		</div>


		
		<div class="product_bg clearfix">
			<div class="row col-md-8 col-md-push-2 product_box ">
				<h2 style="text-align: center;">Layabox产品家族</h2>
			</div>

				<div class=" row col-md-8 col-md-push-2 engine_product_list ">
					<div class="col_product">
						<div class="product_title"><img align="left" src="./img/c12.png" alt="" ailgn="left"></div>
						<div>
							<h4>LayaAir</h4>
							<span>
								核心库仅100K左右的新一代HTML5引擎，支 <br>
								持AS3\TS\JS语言开发，支持2D\3D，非运行 <br>
								器模式下性能媲美APP。
							</span>
						</div>

						<div class="product_title"><img align="left" src="./img/c13.png" alt="" ailgn="left"></div>
						<div>
							<h4>LayaPublish</h4>
							<span>
								Layabox发行业务，通过在H5产业链中的技术<br>
								桥梁优势，帮助CP获得流量支持。
							</span>
						</div>
					</div>
					<div class="col_product">
						<div class="product_title"><img align="left" src="./img/c14.png" alt="" ailgn="left"></div>
						<div>
							<h4>LayaFlash</h4>
							<span>
								使用Flash AS3语言开发H5的引擎框架，可直<br>
								接在FB或FD中开发、调试、编译H5，也可快<br>
								速将Flash页游\手游转换成H5游戏。<br>
							</span>
						</div>

						<div class="product_title"><img align="left" src="./img/c15.png" alt="" ailgn="left"></div>
						<div>
							<h4>LayaStore</h4>
							<span>
								嵌入式HTML5商城，APP只需嵌入20K的SDK <br>
								即可以获得托管式HTML5商店服务，进入流量<br>
								获利新时代。
							</span>
						</div>
					</div>
					<div class="col_product">
						<div class="product_title"><img align="left" src="./img/c16.png" alt="" ailgn="left"></div>
						<div>
							<h4>LayaPlayer</h4>
							<span>
								速运行器，性能卓越、支持大型<br>
								HTML5游戏流畅运行，目前已植入QQ、百度<br>
								等20多家主流平台，安装量超5亿。<br>
							</span>
						</div>

						<div class="product_title"><img align="left" src="./img/c17.png" alt="" ailgn="left"></div>
						<div>
							<h4>LayaOpen</h4>
							<span>
								Layabox开放平台，整合了Laya提供的各项运<br>
								营，管理服务的服务，提供给游戏提供商和互<br>
								联网渠道的统一开放平台。
							</span>
						</div>
					</div>

				</div>


			
		</div>

	

	
		<div class="row col-md-8 col-md-push-2  game_box">
				<div class="col_game">
					<h2>采用Layabox引擎的精彩游戏</h2>
					<a style="float: right;" href="#">更多</a>
				</div >
					<div class="game_banner">
					<div class="game_photo">
						<img src="./img/c20.png" alt="">
					</div>
					<div>
					<div class="col game_list">
				<div><div class="item_game"><img src="./img/c18.png" alt=""></div>
					<span style="display: block; text-align: center;" >腾讯游戏</span></div>	
					<div><div class="item_game"><img src="./img/c18.png" alt=""></div>
					<span style="display: block; text-align: center;">腾讯游戏</span></div>	
					<div><div class="item_game"><img src="./img/c18.png" alt=""></div>
					<span style="display: block; text-align: center;">腾讯游戏</span></div>	
					<div><div class="item_game"><img src="./img/c18.png" alt=""></div>
					<span style="display: block; text-align: center;">腾讯游戏</span></div>	
					<div><div class="item_game"><img src="./img/c18.png" alt=""></div>
					<span style="display: block; text-align: center;">腾讯游戏</span></div>	
					<div><div class="item_game"><img src="./img/c18.png" alt=""></div>
					<span style="display: block; text-align: center;">腾讯游戏</span></div>	
					
				</div>
				
				<div class="col game_list">
						<div><div class="item_game"><img src="./img/c18.png" alt=""></div>
						<span style="display: block; text-align: center;">腾讯游戏</span></div>	
						<div><div class="item_game"><img src="./img/c18.png" alt=""></div>
					<span style="display: block; text-align: center;">腾讯游戏</span></div>	
					<div><div class="item_game"><img src="./img/c18.png" alt=""></div>
					<span style="display: block; text-align: center;">腾讯游戏</span></div>	
					<div><div class="item_game"><img src="./img/c18.png" alt=""></div>
					<span style="display: block; text-align: center;">腾讯游戏</span></div>	
					<div><div class="item_game"><img src="./img/c18.png" alt=""></div>
					<span style="display: block; text-align: center;">腾讯游戏</span></div>	
					<div><div class="item_game"><img src="./img/c18.png" alt=""></div>
					<span style="display: block; text-align: center;">腾讯游戏</span></div>	
							</div>		
				</div>
			</div>
			<div class="row col-md-8  footer">
			<span class="footer_title">合作伙伴</span>
			<span >(排序不分先后)</span>
		</div>
		
		
		<div class="row col-md-9 footer_pic ">
				<div class="footer_list">
				<div class="col footer_photo">
					<div><img src="./img/c19.png" alt=""></div>
					<div><img src="./img/c19.png" alt=""></div>
					<div><img src="./img/c19.png" alt=""></div>
					<div><img src="./img/c19.png" alt=""></div>
					<div><img src="./img/c19.png" alt=""></div>
					<div><img src="./img/c19.png" alt=""></div>
				</div>
					
				<div class="col footer_photo ">
						<div><img src="./img/c19.png" alt=""></div>
						<div><img src="./img/c19.png" alt=""></div>
						<div><img src="./img/c19.png" alt=""></div>
						<div><img src="./img/c19.png" alt=""></div>
						<div><img src="./img/c19.png" alt=""></div>
						<div><img src="./img/c19.png" alt=""></div>
					</div>

				</div>


			</div>
			</div>
			
			
			
			
			<div style="display: flex; background-color: #3B3B3B; width: 100%;">
			<div class="row col-md-8  col-md-push-2 col-sm-push-2 contact">
				<div class=" row col-md-5 col-md-pull-2">
					<span>公司简介</span>
				<span>联系方式</span>
				<span>人才招聘</span>
				<p>All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1 </p>
			</div>

				<div class="contact_link">
					<img src="./img/youxiang.png" alt="">
					<img src="./img/weixin.png" alt="">
					<img src="./img/qq.png" alt="">
				</div>

			
			</div>
		</div>
	</div>

	<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
</body>

</html>